
.yg-category {
    .yg-index-nav {
        
     .index-nav {
        background-color: var(--themeColor);
        color: white;
      }
    }
    .list-content {
        display: flex;
        height: calc(100vh -  3.866667rem);
        height: 10.666667rem;
    
        .list-left {
            flex: 1;
            height: calc(100vh -  3.866667rem);
            overflow-y: scroll;
            .onelist {
                height: 1.2rem;
                    line-height: 1.2rem;
                    text-align: center;
                    font-size:0.426667rem;
                    
                .onelist-title {
                    width: 100%;
                }
                .active{
                    color:var(--themeColor);
                    border-left: 2px solid var(--themeColor);
                }
              }
        }
      
        .list-right {
            flex: 3;
            overflow-y: scroll;
            height: calc(100vh -  3.866667rem);
            .right-content {
                display: flex;
                flex-wrap: wrap;
    
                .right-item-title {
                    width: 100%;
                    height: 1.333333rem;
                    line-height: 1.333333rem;
                    text-align: center;
                }
                .right-item-content {
                    width: 33.333%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    .image-wrapper {
                      img {
                        width: 60px;
                        height: 60px;
                      }
                    }
                  
                    .item-title {
                  
                    }
                  }
              }
            
    
    
            
        }
      }
  }
   

  
